﻿/*手机版*/


/*===================================================== 通用开始 =====================================================*/

TEXTAREA
{
    background-repeat: repeat;
}

INPUT
{
    font-size: 0.5rem;
    vertical-align: middle;
    outline: none;
}

INPUT[type=radio]
{
    width: 1.2rem;
    height: 1.2rem;
}

INPUT[type=number]
{
    width: 2.5rem;
    text-align: center;
}

INPUT[type=checkbox]
{
    width: 0.6rem;
    height: 0.6rem;
}




.buttonA
{
    color: #FFFFFF;
    
    background-color: #DD362F;
    border: 0.03rem solid #C10001;
    
    border-radius:0.16rem;
    
    background-image: linear-gradient(top, #E84240 0, #D52F26 100%);
    background-image: -moz-linear-gradient(top, #E84240 0, #D52F26 100%);
    background-image: -webkit-linear-gradient(top, #E84240 0, #D52F26 100%);
    
    box-shadow:0.1rem 0.1rem 0.1rem #E84240 inset, 0.02rem 0.03rem 0.03rem rgba(0,0,0,0.3);
}

.buttonB
{
    
    background-color: #F0F0F0;
    border: 0.03rem solid #EEEEEE;
    
    background-image:linear-gradient(bottom,#E1E1E1 0,#FFFFFF 100%);
    background-image:-moz-linear-gradient(bottom,#E1E1E1 0,#FFFFFF 100%);
    background-image:-webkit-linear-gradient(bottom,#E1E1E1 0,#FFFFFF 100%);
    
    box-shadow:0 0.025rem 0 #E1E1E1 inset,0 0.04rem 0.06rem rgba(0,0,0,0.3);
    
    border-radius:0.16rem;
    color: #444444;
}

.buttonC
{
    
    background-color: #45C01A;
    border: 0.03rem solid #4AD31D;
    
    background-image:linear-gradient(bottom,#42BB1A 0,#4AD31D 100%);
    background-image:-moz-linear-gradient(bottom,#42BB1A 0,#4AD31D 100%);
    background-image:-webkit-linear-gradient(bottom,#42BB1A 0,#4AD31D 100%);
    
    box-shadow:0 0.025rem 0 #4AD31D inset,0 0.04rem 0.06rem rgba(0,0,0,0.3);
    
    border-radius:0.16rem;
    color: #FFF;
    
}


